<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>合并单元格</title>
</head>
<body>
<!--
    在某些表格中,单元格可能不止占用了一行或者一列
    而是存在了跨域与跨列的效果
    当某个单元格跨行或者跨列之后,被跨的单元格将合并到当前单元格中
    rowspan:表示当前单元格跨了几行
    colspan:表示当前单元格跨了几列
    当跨行后,下一行对应的单元格将会减少
-->
<table border="1" width="500px" height="300px">
    <tr>
        <th rowspan="2">学号</th>
        <th rowspan="2">姓名</th>
        <th rowspan="2">年龄</th>
        <th rowspan="2">性别</th>
        <th colspan="3">成绩</th>
        <th rowspan="2">操作</th>
    </tr>
    <tr>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
    </tr>
    <tr>
        <td>1</td>
        <td>admin</td>
        <td>18</td>
        <td>男</td>
        <td>80</td>
        <td>80</td>
        <td>80</td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
    <tr>
        <td>2</td>
        <td>alice</td>
        <td>18</td>
        <td>女</td>
        <td>90</td>
        <td>80</td>
        <td>100</td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
    <tr>
        <td>3</td>
        <td>tom</td>
        <td>18</td>
        <td>男</td>
        <td>60</td>
        <td>80</td>
        <td>80</td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
    <tr>
        <td>4</td>
        <td>jack</td>
        <td>20</td>
        <td>男</td>
        <td>90</td>
        <td>90</td>
        <td>60</td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
    <tr>
        <td>5</td>
        <td>lily</td>
        <td>19</td>
        <td>男</td>
        <td>80</td>
        <td>80</td>
        <td>80</td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
</table>
</body>
</html>